/* pages/pay/index.wxss */
.address {
  margin: 10rpx 0;
}
.address-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 15rpx;
  font-size: 30rpx;
  box-sizing: border-box;
  height: 80rpx;
  .userinfo {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
.cart-title {
  height: 76rpx;
  line-height: 76rpx;
  font-size: 36rpx;
  font-weight: 700;
  border-top: 2rpx solid var(--themeColor);
  border-bottom: 2rpx solid var(--themeColor);
  box-sizing: border-box;
}
.cart-wrap {
  /* address-wrap cart-title tab-bottom */
  height: ~'calc(100vh - 80rpx - 76rpx - 80rpx)'
}
.cart-group {
  display: flex;
  padding:6rpx 0 10rpx 0;
  border-bottom: 1rpx solid #f1f1f1;
    .good-img {
      flex: 2;
      padding-left: 10rpx;
      image {
        width: 100%;
      }
    }
    .good-info {
      flex: 5;
      display: flex;
      flex-direction: column;
      justify-content: space-around;
      align-items: center;
      padding: 0 10rpx;
      .good-name {
        display:-webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
      }
      .good-price {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        .price {
          color: var(--themeColor);
          font-size: 30rpx;
        }
        .num {
          .btn-num {
            padding-left: 4rpx;
            padding-right:20rpx;
          }
        }
      }
    }  
}

.tab-bottom {
  display: flex;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 80rpx;
  border-top:2rpx solid #ccc;
  box-sizing: border-box;
  .sum {
    flex:4;
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    align-items: flex-end;
    padding-right: 10rpx;
    .price{
      text{
        font-size: 30rpx;
        color: var(--themeColor);
      }
    }
    .info {}
  }
  .buy {
    flex: 2;
    text-align: center;
    line-height: 80rpx;
    font-size: 30rpx;
    background-color: var(--themeColor);
    color: #fff;
  }
}